<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="../chajian/assets/bootstrap/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="../css/xiangqing.css">
</head>
<body>
    <div class="opp_one">
        <div class="header">
            <div class="member-link">
                <div class="deng_lu">
                    登录
                </div>
                <div class="my-order">
                    <a href="#">我的订单</a>
                    <span class="span-top">
                        <img src="../imgs/one (6).png" alt="">
                    </span>
                </div>
                <div class="fl">
                    <a href="#">会员中心</a>
                </div>
            </div>
        </div>
    </div>
    <div class="header-main">
        <img src="http://www.mg.cn/public/images/1b/18/cc/a507c08c1a5d3a0250863c6e408f42a40190f35c.jpg?1484966364#w" alt="">
        <div class="search">
            <input type="text">
            <button>搜索</button>
            <p>热门关键词:</p>
        </div>
    </div>
    <div class="opp_two">
        <div class="page">
            <div class="category-handle">
                <h3>所有商品分类
                    <img src="../imgs/aa-恢复的_03.png" alt="">
                </h3>
                <span></span>
            </div>
            <div class="nav">
                <ul>
                    <li>
                        <a href="#">
                            晨光开学季
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            晨光文具节
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            晨光正姿
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            晨光速干
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            晨光优渥
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            晨光集客
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            晨光优品
                        </a>
                    </li>
                </ul>
            </div>
            <div class="clearfix">
                <img src="../imgs/aa_03.png" alt="">
                <p>购物车中有
                    <span>
                        0
                    </span>
                    件商品</p>
                    <button class="butn">去结算</button>
            </div>
        </div>
    </div>
    <div class="boss">
        <div class="product_container">
            <h3></h3>
            <div class="btype">


                <div class="product-side" id="box1">
                    <!-- <div class="big_imgBox">
                        <img src="http://www.mg.cn/public/images/e3/5b/de/1ae9b880765634d3830bffdebead533ca0e1a4f6.jpg?1600321985#w" alt="">
                        <div class="mask"></div>
                    </div>

                    <div class="small_imgBox">
                        <p class="active">
                            <img src="http://www.mg.cn/public/images/bd/96/84/eb40b1d5373668787019fab08c1721ea4f2bf719.jpg?1600321985#w" alt="">
                        </p>
                        <p>
                            <img src="http://www.mg.cn/public/images/fb/5a/a4/44c3c12124396bd6ab52321f45f8c76d0f214ef0.jpg?1600321985#w" alt="">
                        </p>
                    </div>

                    <div class="enlarge"></div>
 -->
                </div>


                <div class="product">
                    <div class="top_top">
                        <p>
                            销售价:
                        </p>
                        <h2>
                            ￥35.50
                        </h2>
                    </div>
                    <div class="detail_one">
                        <p>商品评分：</p>
                    </div>
                    <div class="product-params">
                        <p>货品编号：</p>
                        <p>APS906A5</p>
                    </div>
                    <div class="product-buy">
                        <div class="item-content">
                            <p>
                                <span>
                                    数量：
                                </span>
                            </p>
                            <button class="removeBox">-</button>
                            <input type="text" value="1">
                            <button class="addBox">+</button>
                        </div>

                        <div class="product-buy-action">
                            <p>立即购买</p>
                            <p>加入购物车</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="gray-one">
            <h3>热销排行</h3>
            <ul>
                <li>
                    <div class="img_BOX">
                        <img src="http://www.mg.cn/public/images/6b/8f/84/ad0e0c9434983b0d4f19cdd75d245b43f6814434.jpg?1607390739#h" alt="">
                    </div>
                    <div class="text_box">
                        <h3>晨光快充移动电源20000mAh ADG98908</h3>
                    
                        <p>销售价：￥375.00
                               
                        </p>
                    </div>
                </li>
                <li>
                    <div class="img_BOX">
                        <img src="http://www.mg.cn/public/images/5c/c1/dc/4807e66b756ca6a1054abf56c47742d591d042cf.jpg?1607390035#h" alt="">
                    </div>
                    <div class="text_box">
                        <h3>晨光迷你移动电源2500mAh（ADG98951</h3>
                    
                        <p>销售价：￥75.50
                               
                        </p>
                    </div>
                </li>
                <li>
                    <div class="img_BOX">
                        <img src="http://www.mg.cn/public/images/e6/e9/8e/ec210db26323e3a83df23dde665c2cb234a14377.jpg?1607389736#h" alt="">
                    </div>
                    <div class="text_box">
                        <h3>晨光移动电源4000mAh（ADG98953)</h3>
                    
                        <p>销售价：￥87.00
                               
                        </p>
                    </div>
                </li>
                <li>
                    <div class="img_BOX">
                        <img src="http://www.mg.cn/public/images/74/32/30/d042959fb5a6079bb7a12a671d1dca653fc2d1bb.jpg?1607044085#h" alt="">
                    </div>
                    <div class="text_box">
                        <h3>晨光A3木制切纸刀ASSN2207</h3>
                    
                        <p>销售价：￥197.44
                               
                        </p>
                    </div>
                </li>
                <li>
                    <div class="img_BOX">
                        <img src="http://www.mg.cn/public/images/c8/7d/da/4fe3eff6028aa8c72b98b351b647714877140e0d.jpg?1606876382#h" alt="">
                    </div>
                    <div class="text_box">
                        <h3>晨光普惠型360°旋转12号订书机灰ABS916D8</h3>
                    
                        <p>销售价：￥15.00
                               
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- <div class="goodsDesc">

    </div> -->


</body>
<script src="../chajian/assets/jquery/jquery.min.js"></script>
<script src="../js/fengzhuangcookie.js"></script>
<script src="../js/fangdajing.js"></script>
<script src="../js/xiangqing.js"></script>


<script>

    const but = document.querySelector('.butn')
    console.log(but)
    
    but.onclick = function () {

        window.location.href = '../html/gouwuche.html'
    }

    $('.product').on('click','img' , function() {

        window.location.href = '../html/index.html'
    })

    const num = getCookie('total') 
        // console.log(num)
    str =`<b>${ num || 0 }</b>`
    $('.clearfix > p > span').html(str)

    $('.header').on('click','.deng_lu' , function () {

        window.location.href = '../html/denglu.html'
    })

    $('.header-main').on('click','img',function() {

        window.location.href = './index.html'
    })

    // console.log(e1)
</script>
</html>